<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>@import url("//unpkg.com/element-ui@2.11.0/lib/theme-chalk/index.css");</style>
</head>
<body>
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.11.0/lib/index.js"></script>
<div id="app">
    <template>
        <el-button type="text" @click="outerVisible = true">添加一级菜单</el-button>

        <el-dialog title="添加一级菜单" :visible.sync="outerVisible">
            <el-dialog
                    width="50%"
                    heigh="100px"
                    title="添加二级菜单"
                    :visible.sync="innerVisible"
                    append-to-body>

                <el-input
                        placeholder="请输入内容"
                        v-model="input"
                        clearable>
                </el-input>

            </el-dialog>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="innerVisible = true">添加二级菜单</el-button>
                <el-button @click="outerVisible = false">确定</el-button>
            </div>
        </el-dialog>
    </template>
</div>

<script>
    new Vue({
        el:'#app',
        data: {
            outerVisible: false,
            innerVisible: false
        }

    });

</script>
</body>
</html>